<template>
  <div>
    <Layout :props-current-tab-component="currentTabComponent"
            :props-current-tab-name="currentTabName"
            :props-posts="posts"></Layout>
  </div>
</template>

<script>
import Layout from '../components/Layout.vue';

export default {
  name: 'AdminView',
  data() {
    return {
      currentTabComponent: 'Global',
      currentTabName: '充电',
      posts: [
        {
          nextTabName: '充电桩电源控制',
          nextTabComponent: 'StationPower',
          id: 0,
        },
        {
          nextTabName: '查看充电桩状态',
          nextTabComponent: 'ViewCurrentState',
          id: 3,
        },
        {
          nextTabName: '查看等候区车辆',
          nextTabComponent: 'ViewTheWaitingCars',
          id: 4,
        },
        {
          nextTabName: '报表打印',
          nextTabComponent: 'DisplayReport',
          id: 5,
        }],
    };
  },
  components: {
    Layout,
  },
};
</script>

<style>
* {
  margin: 0 0 0 0;
}
</style>
